<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书管理系统登录页</title>
    <link rel="stylesheet" href="{% static 'lms/css/style2.css' %}">
    <link rel="stylesheet" href="{% static 'lms/bootstrap5/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'lms/bootstrap5/font/bootstrap-icons.css' %}">
</head>
<body style="background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);">
    <div id="div1" style="">
        <div style="border:3px solid green;background: #712B66;height: 160px;">
            <img class="img1" src="{% static 'lms/image/head.gif' %}">
            <div style="text-align: center;margin-top: 20px;">
                <span class="span1">图书管理系统</span>
            </div>
        </div>
        <div class="">
            <span style="margin-left:100px;margin-right: 200px;">欢迎登录</span>
            <a href="#" style="text-decoration: none;">忘记密码？</a>
        </div>
        <div>
            <form action="#" method="post">
                <div class="input-group mb-3" style="width: 250px;">
                    <span class="input-group-text" id="basic-addon1"><i class="bi bi-person-fill"></i></span>
                    <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
                </div>
                <div class="input-group mb-3" style="width: 250px;">
                    <span class="input-group-text" id="basic-addon1"><i class="bi bi-person-fill"></i></span>
                    <input type="password" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
                </div>
                <input type="submit" class="btn btn-primary btn-lg" style="width: 200px;">
            </form>
        </div>
    </div>
</body>
</html>